
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
         <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Boleta </title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/business-casual.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
    </head>
    
    
 <body>
    <div class="brand">Carnicería Rubilu</div>
    <div class="address-bar"> Registro de Boletas</div>

    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"> </span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
               
                <a class="navbar-brand" href="Bienvenida.jsp">RubiluWebApp</a>
            </div>
       
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="Inicio">Inicio</a>
                    </li>
                    <li>
                        <a href="Contacto" >Contacto</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    
        <div class=" container box col-lg-12 text-center">   
            <h1><small> Distribuidora Rubilu</small></h1>
            <div> Carnes siempre frescas - Av Gran Chimú 954, SJL <br>
                Teléfono: 456-8539</div>
        </div>
     <div class="container box">
        <h3>Boleta </h3> 
        <label>N° Correlativo {$}</label> 
        <label>Fecha: {$} </label>
        </div>
     
     <div class="row centered-form">
            <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title text-center">Por favor registre producto en inventario</h3>
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal">        
                    <fieldset>
                  <form method="post" action="ConsultarStock" class="form-horizontal">
                    <legend>Pedido</legend>
                    <div> <h3> <small> Consultar Primero</small></h3></div>
                    <div class="control-group">
                      <label class="control-label" for="productoC">Producto</label>
                      <div class="controls">
                          
                        <select id="productoC" name="productoC" class="input-xlarge">
                            <c:forEach items="${prods}" var="prod">
                            <option value="${prod.cod_producto}">${prod.descripcion}</option>    
                            </c:forEach>
                            
                        </select>
                      </div>
                    </div>
                    <bR>
                    <div class="control-group">
                      <input type="submit"  name="consultar" class="btn btn-warning " value="Consultar">
                      <div class="controls">
                           <label class="control-label" for="disponible">Cantidad en Kg disponible</label>
                           <textarea disabled="true">${stock}</textarea>
                      </div>
                    </div>
                    </form>
                     <hr class="tagline-divider">
                     <div> <h3> <small> Agregar a Boleta</small></h3></div>
                    <div class="control-group">
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="productoA">Producto</label>
                      <form method="post" action="IngresarProducto">
                          
                      
                      <div class="controls">
                        <select id="productoI" name="productoI" class="input-xlarge">
                            <c:forEach items="${prods}" var="prod">
                            <option value="${prod.cod_producto}">${prod.descripcion}</option>    
                            </c:forEach>
                            
                        </select>
                      </div>
                          </form>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="productoP">Cantidad Kg </label>
                      <div class="controls">
                        <input id="productoP" name="productoP" type="text" placeholder="" class="input-small">
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="agregar"></label>
                      <div class="controls">
                        <button id="agregar" name="agregar" class="btn btn-success">Agregar</button>
                      </div>
                    </div>
                     
                    </fieldset>
                                </form>
                    </div>
                </div>
            </div>
     </div>
         
    
                      
        <div class="container" box>
            <form class="form-horizontal" action="     " >
            <fieldset>
              <legend>Datos del cliente</legend>
              <div class="form-group">
                <label for="inputEmail" class="col-lg-2 control-label">Nombre:</label>
                <div class="col-lg-10">
                  <input type="text" class="form-control" id="nombreCli" name="nombreCli" placeholder="nombre Cliente">
                </div>
              </div>
              <div class="form-group">
                <label for="inputPassword" class="col-lg-2 control-label">Apellido:</label>

                <div class="col-lg-10">
                  <input type="password" class="form-control" id="inputPassword" name="apellidoCli" placeholder="Apellido Cliente">
                </div>
              </div>
               <div class="form-group">
                <label for="inputEmail" class="col-lg-2 control-label">Direccción:</label>
                <div class="col-lg-10">
                  <input type="text" class="form-control" id="nombreCli" name="direccion" placeholder="direccion Cliente">
                </div>
              </div>
            </fieldset>
          </form> 
        </div>
                      
     <div class="row centered-form">
            <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title text-center">Detalle</h3>
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal">        
                    <fieldset>     
     <table class="table table-striped table-hover container ">
    <thead>
        <tr>
         <th>Producto</th>
        <th>Precio kG</th>
        <th>Peso Kg</th>
        <th>Importe S/.</th>
     </tr>
    </thead>
    <tbody>
        <tr>
        <td>                 </td>
        <td>                 </td>
        <td>                 </td>
        <td>                 </td>
        </tr>
        <tr class="info">
          <tr>
        <td>                 </td>
        <td>                 </td>
        <td>                 </td>
        <td>                 </td>
        </tr>
        <tr class="info">
          <tr>
        <td>                 </td>
        <td>                 </td>
        <td>                 </td>
        <td>                 </td>
        </tr>
      </tbody>
    </table>
                        </fieldset>
                                </form>
                    </div>
                </div>
            </div>
     </div>
        
    <div class="row centered-form">
            <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                      
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal">        
                    <fieldset>
                
        <table  class="table table-striped table-hover container right"> 
            <tr class="warning">
                <th > <strong> Total</strong></th>
                 <th>{$}</th>
            </tr>
        </table>

                    </fieldset>
                                </form>
                    </div>
                </div>
            </div>
     </div>
                      
      
        
        <button type="submit" class="btn btn-primary">Generar Boleta</button>
        <br>
         <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p>Trabajo Final para el curso Ingeniería de Datos <br>
                    Ingregrantes: Evelin Ortega - Diego Torres - Mayumi Toma</p>
                </div>
            </div>
        </div>
    </footer>
 </body>
</html>
